{% extends 'LimsMainBundle::Layout/mainLayout.html.twig' %}

{% block stylesheets %}
  {{ parent() }}
{% endblock %}

{% block javascripts %}
  {{ parent() }}
{% endblock %}

{% block content %}
    <div class=col-md-5>
          <div class="block block-drop-shadow">
            <div class="head bg-default bg-light-ltr">
              <h2>Нийт олгосон зээлийн дүн</h2>
              <div class="side pull-right">
                <ul class=buttons>
                  <li><a href=#><span class=icon-cogs></span></a></li>
                </ul>
              </div>
              <div class="head-panel nm">
                <div class=left_abs_100 style=margin-top:20px>
                  <div class=knob>
                    <input type="text" data-fgColor="#FFFFFF" data-min="0" data-max="100" data-width="100" data-height="100" value="55" data-readOnly="true"/>
                  </div>
                </div>
                <div class="chart" id="dash_chart_1" style="height:150px"></div>
              </div>
              <div class="head-panel nm">
                
                <div class="hp-info pull-right">                  
                  <span class=hp-main>19,215.23₮</span> <span class=hp-sm>Энэ сар</span> </div>
              </div>
            </div>

            <div class="footer footer-defaut tac">
              <div class=pull-left style=width:150px>
                <div class=input-group>
                  <div class=input-group-addon><span class=icon-calendar></span></div>
                  <input type=text class="datepicker form-control" value="2015-01-01"/>
                  
                </div>
            </div>
            <div class=pull-left style=width:20px>-</div>
            <div class=pull-left style=width:150px>
                <div class=input-group>
                  <div class=input-group-addon><span class=icon-calendar></span></div>
                  <input type=text class="datepicker form-control" value="2015-02-11"/>
                  
                </div>
            </div>
              <div class=pull-right> <a href=#>Дэлгэрэнгүй</a> </div>
            </div>
          </div>
            <div class="block block-drop-shadow">
            <div class="head bg-dot30">
              <h2>Зээлийн төлөлт</h2>
                <div class="side pull-right">
                  <ul class=buttons>
                    <li><a href=#><span class=icon-refresh></span></a></li>
                    <li><a href=#><span class=icon-cogs></span></a></li>
                  </ul>
                </div>
                <div class="head-panel nm">
                  <div class=chart id=dash_chart_2 style=height:150px></div>
                </div>
              </div>
            </div>   
        </div>
        
        <div class=col-md-5>
             
            <div class="block block-transparent"> 
                <div class="content np"> 
                    <div class=datepicker></div> 
                </div> 
            </div> 
            
            <div class="block block-drop-shadow"> 
                <div class=header> <h2>Харилцагчтай холбогдох чат</h2> </div> 
                <div class="content messages npr npt"> <div class=scroll style=height:200px> 
                        <div class=messages-item> 
                            <img src="/template/img/example/user/dmitry_s.jpg" class="img-circle img-thumbnail"/> 
                            <div class=messages-item-text>Duis eu libero pellentesque, dapibus ante eu, vehicula leo. Nulla gravida rutrum neque</div> 
                            <div class=messages-item-date>14:33 30.08.2013</div> 
                        </div> 
                        <div class="messages-item inbox"> 
                            <img src="/template/img/example/user/olga_s.jpg" class="img-circle img-thumbnail"/> 
                            <div class=messages-item-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum nisl velit</div> 
                            <div class=messages-item-date>14:32 30.08.2013</div> 
                        </div> 
                        <div class=messages-item> 
                            <img src="/template/img/example/user/dmitry_s.jpg" class="img-circle img-thumbnail"/> 
                            <div class=messages-item-text>Duis eu libero pellentesque, dapibus ante eu, vehicula leo. Nulla gravida rutrum neque</div> 
                            <div class=messages-item-date>14:20 30.08.2013</div> 
                        </div> 
                        <div class="messages-item inbox"> 
                            <img src="/template/img/example/user/olga_s.jpg" class="img-circle img-thumbnail"/> 
                            <div class=messages-item-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum nisl velit</div> 
                            <div class=messages-item-date>14:19 30.08.2013</div> 
                        </div> 
                    </div> 
                </div> 
                <div class=footer> 
                    <div class=input-group> <span class=input-group-addon><i class=icon-comment></i></span> <input type=text class=form-control placeholder=message..> </div> 
                </div> 
            </div> 
        </div>
{% endblock %}